<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>课程详情信息</title>
        <script src="/layui/layui.js"></script>
        <script src="/jquery/jquery-3.2.1.min.js"></script>
        <link rel="stylesheet" href="/layui/css/layui.css">
        <link rel="stylesheet" href="/css/course/courseManage/courseList/course-details.css">
        <script src="/js/course/courseManage/courseList/course-details.js"></script>
    </head>
    <body>
        <div class="box">
            <div>
                <table>
                    <tr class="table_head">
                        <th>查看课程信息</th>
                    </tr>
                    <tr class="table_title">
                        <th class="layui-icon-list layui-icon">课程信息</th>
                    </tr>
                    <tr>
                        <th class="table_body body_title">课程名称：</th>
                        <th class="table_body body_content" id="courseName"></th>
                        <th class="table_body body_title">上传时间：</th>
                        <th class="table_body body_content" id="createDate"></th>
                        <th class="table_body body_title">上传人：</th>
                        <th class="table_body body_content" id="account"></th>
                    </tr>
                    <tr>
                        <th class="table_body body_title">课程售价：</th>
                        <th class="table_body body_content" id="courseNprice"></th>
                        <th class="table_body body_title">课程关键字：</th>
                        <th class="table_body body_content" id="coursePrimary"></th>
                        <th class="table_body body_title">课程分类：</th>
                        <th class="table_body body_content" id="className"></th>
                    </tr>
                    <tr>
                        <th class="table_body body_title">点赞量：</th>
                        <th class="table_body body_content" id="likeNum"></th>
                        <th class="table_body body_title">收藏量：</th>
                        <th class="table_body body_content" id="collectNum"></th>
                        <th class="table_body body_title">评论量：</th>
                        <th class="table_body body_content" id="commentNum"></th>
                    </tr>
                    <tr>
                        <th class="table_body course_body body_title">课程介绍：</th>
                        <th class="table_body course_body body_content" id="courseIntro" >

                        </th>
                        <th class="table_body course_body body_title">课程备注：</th>
                        <th class="table_body course_body body_content" id="courseInfo">

                        </th>
                    </tr>
                    <tr>
                        <th class="table_body course_body body_title">课程图片：</th>
                        <th class="table_body course_body body_content" >
                            <img id="url" src=""/>
                        </th>
                        <th class="table_body course_body body_title">课程视频：</th>
                        <th class="table_body course_body body_content" >
                            <video controls="controls" autoplay="autoplay" src="" id="courseUrl" width="300px" height="200px"></video>
                        </th>
                    </tr>
                </table>
            </div>
            <!-- 评论 -->
            <div>
                <div class="reply">
                    <i class="layui-icon layui-icon-edit"></i>&nbsp;&nbsp;回复评论及需修改内容
                </div>
                <form class="layui-form reply_comment" lay-filter="layForm">
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户名:</label>
                        <div class="layui-input-inline">
                            <input type="text" name="trueName" id="trueName" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">账号:</label>
                        <div class="layui-input-inline">
                            <input type="text" name="account" class="account layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">评论内容:</label>
                        <div class="layui-input-inline">
                        <textarea name="content" id="content" lay-verify="required" style="resize: none;" placeholder="请发表您的评论"
                                  class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button type="submit" class="layui-btn" lay-submit lay-filter="announce">确定</button>
                        </div>
                    </div>
                    <input type="hidden" id="courseId" name="courseId">
                </form>
            </div>
            <!-- 全部评论 -->
            <div class="all_reply">
                <div class="all_title"><i class="layui-icon layui-icon-at"></i>&nbsp;&nbsp;全部评论</div>
                <div class="all_body">
                </div>
                <div class="nomore">
                    没有更多评论了
                </div>
            </div>
        </div>
    </body>
</html>